import React, { FC } from 'react';
import { withRouter } from 'react-router-dom';
import style from 'classnames';
import { connect } from 'react-redux';
import { IRootState } from 'public/TS/store';
import { Button } from 'antd';
import './b.less';
import less from './b.module.less';
const mapStateToProps = ({ stateA }: IRootState) => ({
    data: stateA.data,
    loading: stateA.loading
});
const App: FC = (props: any) => {
    return (
        <div>
            <div className={style(less.bg, { app: !props.loading })}>
                Welcome To <a href="/">B</a>
            </div>
            <div className={'pd-20 ft-30 '}>
                <Button className={less['ant-btn']}> Hello</Button>
            </div>
        </div>
    );
};

export default connect(mapStateToProps)(withRouter(App));
